@charset "utf-8";
/* CSS by Frank QQ:877133966 in 2017-06-05*/
/*@import url("font.css");*/

/*@font-face {
   font-family: 'OpenSans-Regular';
   src: url(../font/OpenSans-Regular.ttf)format('truetype');
}
@font-face {
   font-family: 'Exo2-Medium';
   src: url(../font/Exo2-Medium.ttf) format('truetype');
}*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, .nav, output, ruby, section, summary,
time, mark, audio, video {margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}
li {list-style-type:none;}
/* scrollbar for chrome */
::-webkit-scrollbar {
  width: 8px;
  height: 8px;
  background-color: rgba(107, 107, 107, 0.06);
}
::-webkit-scrollbar-track {
  border-radius: 10px;
  background-color: rgba(107, 107, 107, 0.06);
  -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0);
}
::-webkit-scrollbar-track:hover {
  background-color: rgba(107, 107, 107, 0.1);
  -webkit-box-shadow: inset 0 0 6px rgba(0,153,153,.4);
}
::-webkit-scrollbar-track:active {
  background-color: rgba(107, 107, 107, 0.2);
  -webkit-box-shadow: inset 0 0 6px rgba(0,153,153,.1);
}
::-webkit-scrollbar-thumb {
  border-radius: 10px;
  background-color: rgba(107, 107, 107, 0.8);
  -webkit-box-shadow: inset 1px 1px 0 rgba(0,0,0,.1);
}
::-webkit-scrollbar-thumb:hover {
  background-color: rgba(107, 107, 107, 0.8);
  -webkit-box-shadow: inset 1px 1px 0 rgba(0,0,0,.1);
}
::-webkit-scrollbar-thumb:active {
  background: rgba(21, 14, 0, 0.5);
}
/* scrollbar for chrome end */

body{ font-family:"OpenSans-Regular","Exo2-Medium","Oxygen", "Microsoft Yahei", "微软雅黑", Tahoma, Arial, sans-serif;}
a{text-decoration:none; color:#444;}
a:hover{text-decoration:none!important;}
.transition {transition:1.5s;}
input,textarea {outline: none;}

/*加载动画*/
.wrapper-loading {
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background-color: #fff;
  width: 100%;
  height: 100vh;
  overflow: hidden;
  z-index: 9999;
  display: table;
}
.wrapper-loading .content-loading {
  display: table-cell;
  vertical-align: middle;
  text-align: center;
}
.wrapper-loading .loading {
  display: inline-block;
  position: relative;
}
.wrapper-loading .loading:before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: -20px;
  background-color: #999;
  height: 4px;
  border-radius:2px;
  animation-duration: 3s;
  -moz-animation-duration: 3s;
  -webkit-animation-duration: 3s;
  -moz-animation-name: width;
  -webkit-animation-name: width;
}
@-moz-keyframes width {
  from {
    width: 0;
  }
  to {
    width: 400px;
  }
}
@-webkit-keyframes width {
  from {
    width: 0;
  }
  to {
    width: 400px;
  }
}

/*特效用CSS*/
/*固定置顶专用*/
.fixed_div {
	position: fixed;
	top: 0px;
	background: #fff;
	width:100%; 
	z-index:9999; 
	box-shadow: 0px 2px 3px rgba(132, 132, 132, 0.42); 
	/*background:#222!important;*/
    /* older safari/Chrome browsers */  
    -webkit-opacity: 0.9;  
    /* Netscape and Older than Firefox 0.9 */  
    -moz-opacity: 0.9;  
    /* Safari 1.x (pre WebKit!) 老式khtml内核的Safari浏览器*/  
    -khtml-opacity: 0.9;  
    /* IE9 + etc...modern browsers */  
    opacity: .9;  
    /* IE 4-9 */  
    filter:alpha(opacity=90);  
    /*This works in IE 8 & 9 too*/  
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";  
    /*IE4-IE9*/  
    filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=90);  
}
/*.fixed_div .top-nav-menu .item .onelink a{color:#fff!important;}*/
/*通用图片放大效果*/
.img{height:auto;overflow:hidden;position:relative;}
.img img{width:100%;height:100%;transition:all 1s;-webkit-transition:all 1s;-ms-transition:all 1s;-moz-transition:all 1s;-o-transition:all 1s;position:relative;z-index:3}
.img .cover{width:100%;height:100%;transition:all 1s;-webkit-transition:all 1s;-ms-transition:all 1s;-moz-transition:all 1s;-o-transition:all 1s;position:absolute;left:0;top:0;z-index:4;line-height:195px;text-align:center}
.img .cover a{vertical-align:middle;display: block;width: 100%;height: 100%;color:#FFF;font-size:18px;position:relative;top:50px;opacity:0;transition:all .3s;-webkit-transition:all .3s;-ms-transition:all .3s;-moz-transition:all .3s;-o-transition:all .3s}
.img .cover a:hover{color:#FFF;text-decoration:none;}
.img .cover a i{line-height:164px;}
.img:hover img{-webkit-transform: scale(1.2, 1.2);-moz-transform: scale(1.2, 1.2);-o-transform: scale(1.2, 1.2);-ms-transform: scale(1.2, 1.2);transform: scale(1.2, 1.2);}
.img:hover .cover{background: #222;opacity: 0.85;}
.img:hover .cover a{top: 0;opacity: 1;}
.img .cover a h4, .img:hover .cover a h4{ margin-top:120px; font-size:22px; color:#fff; line-height:30px;}
.img .cover a span, .img:hover .cover a span{display:block; color:#fff; font-size:14px; line-height:20px;}


/*-------Reveal Modals 弹出留言窗口-------*/
.reveal-modal-bg{position: fixed;height: 100%;width: 100%;background: #000;background: rgba(0,0,0,.8);z-index: 100;display: none;top: 0;left: 0;}
.reveal-modal{visibility: hidden;top: 100px;left: 50%;margin-left: -300px;width: 520px;background: #eee;position: absolute;z-index: 101;padding: 30px 40px 34px;-moz-border-radius: 5px;-webkit-border-radius: 5px;border-radius: 5px;-moz-box-shadow: 0 0 10px rgba(0,0,0,.4);-webkit-box-shadow: 0 0 10px rgba(0,0,0,.4);-box-shadow: 0 0 10px rgba(0,0,0,.4);}
.reveal-modal.small{width: 200px;margin-left: -140px;}
.reveal-modal.medium{width: 400px;margin-left: -240px;}
.reveal-modal.large{width: 600px;margin-left: -340px;}
.reveal-modal.xlarge{width: 800px;margin-left: -440px;}
.reveal-modal .close-reveal-modal{font-size: 22px;line-height: .5;position: absolute;top: 8px;right: 11px;color: #aaa;text-shadow: 0 -1px 1px rbga(0,0,0,.6);font-weight: bold;cursor: pointer;} 

/*留言窗口样式*/
.sendrequire h3{line-height:34px; font-size:16px; font-weight:normal;}
.sendrequire h3 i{ margin-right:6px; color:#2a748f;}
.post_mail{float:left; width:530px; overflow:hidden; padding-top:20px;}
.messages{margin:15px 0; float:left; overflow:hidden;}
.messages input,.messages select,.messages textarea{margin:0;padding:0; background:none; border:0; }
.messlist {margin-bottom:10px; float:left; margin-right:30px;}
.messlist label{float:left;width:180px; height:40px; font-size:14px; line-height:40px; text-align:left;padding-right:10px;}
.messlist input{float:left;width:221px;height:38px;padding:0 12px;border:#dedede 1px solid;}
.messlist.textareas{ height:auto;}
.messlist textarea{float:left;width:512px; height:124px;padding:5px;border:#dedede 1px solid; font-family:'微软雅黑',Arial, Helvetica, sans-serif;}
.messsub{ clear:both; float:left; margin-top:30px;}
.messsub input{width:100px; height:35px; background:#ddd; font-size:14px; font-weight:bold; cursor:pointer;margin-right:5px}
.messsub input:hover{ background:#8bc34a;color:#fff;}

/*导航样式开始*/
.fixedmenu{background:#2a748f; width:180px; height:100%; position:fixed; top:0; z-index:9999; box-shadow: 1px 0px 4px rgba(0, 0, 0, 0.35);}
.fixedmenu .nav{float: left;}
.fixedmenu .nav .logo{width:180px; padding:40px 0; text-align:center;}
.fixedmenu .nav .logo img{width:140px;}
.fixedmenu .nav > ul{position: relative;}
.fixedmenu .nav > ul > li{
    float: left;
}
.fixedmenu .nav > ul > li:hover .nav-right{display: block;}
.fixedmenu .nav > ul > li > a{width: 180px; float:left; line-height: 24px; font-size: 16px; color: #fff; border-top: 1px solid #2a748f; padding:34px 0;}
.fixedmenu .nav > ul > li > a:hover{background: #30b3e2;}
.fixedmenu .nav > ul > li > a p {text-align:left; float:left; width:110px; line-height:20px;}
.fixedmenu .nav > ul > li > a p span{width:100%; float:left; font-size:14px;}
.fixedmenu .nav > ul > li > a i{width:40px; text-align:center; margin-right:4px; float:left; line-height:40px; font-size:26px; margin-left:20px;}
.fixedmenu .nav > ul > li.cur{background:#2a2a2a;}
.fixedmenu .nav .nav-right{height:424px; display: none; position: absolute; left: 180px; top: 0; width: 300px; padding-bottom:12px; background:rgba(0, 0, 0, 0.78);}
.fixedmenu .nav .nav-right .nav-right-title{display: block; padding: 9px 0 9px 18px; font-size: 24px; color: #fff; border-bottom: 2px solid #292929;}
.fixedmenu .nav .nav-right ul{padding:0 24px;}
.fixedmenu .nav .nav-right li{height:50px; position:relative; line-height:50px; font-size: 14px; color: #fff; border-bottom:1px dotted #ddd;}
.fixedmenu .nav .nav-right a{ position:absolute; color:#fff; left:0;}
.fixedmenu .nav .nav-right a:hover{color: #96dff9;}

/*主体样式开始*/
.warp{position:relative; margin-left:180px;}
/*首页幻灯*/
.hdslider{ float:left; position:relative; z-index:9;}
/*首页应用*/
.application{ text-align:center; padding:20px 0; float:left; width:100%;}
.application h3{font-size:26px; color:#2a748f; line-height:36px; font-weight:normal;}
.application h3 span{ display:block; font-size:14px; color:#666;}
.application p{color:#222; font-size:16px; line-height:50px;}
.application .list{ width:1220px; overflow:hidden; float:left; margin-top:40px; padding-bottom:40px;}
.application .list li{float:left; margin-right:12px;}
.application .list li a{ width:320px; height:240px; display:block; float:left; text-align:center; font-size:14px;text-decoration:none; margin:8px; position:relative;}
.application .list li a:hove{}
.application .list li img {width:320px; height:240px;}
.application .list li em{font-style: normal; height:40px; line-height:40px; display:block; bottom:0; color:#fff; position:absolute; width:100%; text-align:center; background:rgba(0, 0, 0, 0.43);}
#marquee{float:left; width:800%;}
#applications{overflow:hidden; width:100%; margin:0 auto;}
#marquee1 {float: left;}
#marquee2 {float: left;}

/*首页新闻*/
.indexnews{background:url(../images/indexnews_bg.jpg) no-repeat center center;width:100%;overflow: hidden;}
.indexnews h3{font-size:26px; color:#2a748f; line-height:36px; font-weight:normal; text-align:center; padding:20px 0; background:#f4f4f4;}
.indexnews .indexnews_main{width: 1000px; margin: 0 auto;height: 440px;position:relative;}
.indexnews_list{position: relative;width: 100%;height: 100%;left: 130px;}
.indexnews_list ul{position: absolute;left: 0;top: 80px;width: 2030px;}
.indexnews_list ul li{position: relative;float: left;width: 660px;height:280px;margin-right: 40px;background-color: #fff;}
.indexnews_list ul li span{display: inline-block;float: left;margin-right: 20px;width:280px;height:280px;}
.indexnews_list ul li span img{width:100%; height:100%;}
.indexnews_list ul li p{float: left;width: 340px;font-size: 16px;line-height: 24px;padding-top: 33px;}
.indexnews_list ul li div{position: absolute;left: 0;top: 204px;width: 100%;height: 50px;}
.indexnews_list ul li div em{position: absolute;left: 0;top: 0;width: 100%;height: 100%;background-color: #000;opacity: .3;filter: alpha(opacity=30);}
.indexnews_list ul li div dl{position: relative;z-index: 1;width: 100%;height: 100%;}
.indexnews_list ul li div dl dt{position: absolute;right: 0;top: 0;width: 290px;height: 100%;text-align: center;color: #fff;font-weight: normal;font-size: 26px;line-height: 50px;background-image: url(../images/index_news_view.png) !important;background-repeat: no-repeat;}
.indexnews_list ul li div dl dt a{color: #fff;}
.indexnews_list ul li div dl dt a:hover{color: #fff;}
.indexnews_list ul li div dl dd{color: #fff;font-size: 16px;line-height: 24px;}
.indexnews_list ul li div dl dd h6{display: inline-block;width: 220px;margin-left: 10px;text-align: center;font-weight: normal;line-height:50px;}
.indexnews_list ul li i{position: absolute;left: 0;top: 0;width: 660px;height: 280px;background-color: #B6C5D7;opacity: .8;filter: alpha(opacity=70);z-index: 10;}
.indexnews_list .news-slider-cur i{opacity: 0;filter: alpha(opacity=0);z-index: -1;}
.news-slider-contrs{position: absolute;margin-left: -130px;bottom: 35px;width: 100%;z-index: 1;text-align: center;}
.news-slider-contrs span{display: inline-block;width: 64px;height: 10px;font-size: 7px;background:#dddddd;filter: alpha(opacity=50);opacity: 0.5;cursor: pointer;}
.news-slider-contrs span.news-slider-contrs-cur{filter: alpha(opacity=100);opacity: 1;}

/*首页地图*/
.indexmap{width:100%; margin:0 auto; overflow:hidden;}

/*首页联系*/
.indexcontact{width:100%; background:#eee; padding:60px 0; margin:0 auto; overflow:hidden;}
.indexcontact .info{width:80%; margin:0 auto; font-size:14px; color:#222; line-height:24px; padding-left:20%;}
.indexcontact .info h3{font-size:21px; line-height:40px; font-weight:bold;}
.indexcontact .info .pleft{float:left; width:40%;}
.indexcontact .info .pright{float:left; width:40%; margin-left:10%;}

/**********************产品中心*******************/
.promain{width:100%;}
.prolist{width:92%; overflow:hidden; margin:0 auto;}
.prolist ul{ width:104%; overflow:hidden;}
.prolist ul li{width:18%; float:left; border:1px solid #ddd; margin:0.5%; border-radius:8px; overflow:hidden;}
.prolist ul li .litpic{width:100%; overflow:hidden; position:relative;}
.prolist ul li .litpic:before {
 content: ' ';
 position: absolute;
 background: #fff;
 width: 65px;
 height: 380px;
 top: 0;
 left: -205px;
 opacity: 0.3;
 -webkit-transition: all 0.45s ease-out;
 transition: all 0.45s ease-out;
 -webkit-transform: skewX(-25deg);
 transform: skewX(-25deg);
 z-index:9;
}
.prolist ul li .litpic:hover:before {width: 65px;left: 380px;}
.prolist ul li .litpic img{width:100%;}
.prolist ul li .info{width:90%; margin:0 auto; overflow:hidden;}
.prolist ul li .info h4{text-align:center; font-size:14px; line-height:28px; margin:10px 0;}
.prolist ul li .info a{width:48%; font-size:13px; text-align:center; display:inline-block; color:#999;}
.prolist ul li .info a:hover{text-decoration:underline!important; color:#2a748f;}
.prolist ul li .info a i{margin-right:6px;}
.prolist ul li .info a.more{background:#2a748f; color:#fff; font-size:13px; line-height:26px; padding:3px 10px; border-radius:18px; margin:16px auto; display:block; width:60%; text-align:center;}
	/*详情*/
.proview {width:92%; overflow:hidden; margin:0 auto;}
.proview .litpic{width:34%; overflow:hidden; float:left;}
.proview .litpic img{width:100%}
.proview .right_info{float:right;width: 62%;}
.proview .right_info h1{line-height:40px;font-size:20px;margin-bottom:10px;}
.proview .right_info .category{font-size:14px; display:block; height:22px; line-height:22px;}
.proview .right_info .category i{margin-right:6px; color:#2a748f;}
.proview .right_info .category a{color:#999;}
.proview .right_info .category a:hover{color:#444;}
.proview .right_info p{line-height:22px; font-size:14px;}
.proview .right_info .htmlqrcode{float:right;}
.proview .right_info .leftbtns{float:left; width:99%;}
.proview .right_info .other{overflow: hidden;height: 40px;margin-bottom:20px; background:#314661; position:relative;border-radius:4px; float:left; width:100%;}
.proview .right_info .other i{color:#fff; font-size:34px; line-height:40px;}
.proview .right_info .other a.pre_pro{float:left;height:40px;width:10%;position:absolute;left:0; text-align:center;}
.proview .right_info .other a.next_pro{float:right;height:40px;width:10%;position:absolute;right:0; text-align:center;}
.proview .right_info .other a.cate_pro{text-align: center;line-height: 40px;font-size: 20px;position: absolute;margin-left: 10%;color: #fff;background: #2a748f;width: 80%;}
.proview .right_info .other a.cate_pro i{font-size:18px;}
.proview .right_info p.prodescription{padding:10px 0;color:#aaa; margin-bottom:40px;}
.proview .right_info .other a.cate_pro:hover{color:#eee;}
.proview .right_info .pro_tel{color: #2a748f; background:#ffffff; text-align:center; line-height: 44px;height:44px;font-size:16px; border-radius: 4px; float:left; border:1px solid #ddd; width:100%;}
.proview .right_info .pro_tel i{margin-right:8px;}
.proview .right_info .xunjia{width: 100%; line-height: 40px; height: 40px; float: left; margin-bottom: 20px; font-size: 14px; border-radius: 4px; text-align: center; border:1px solid #ddd; overflow:hidden;}
.proview .right_info .xunjia i{margin-right: 6px;}
.proview .right_info .xunjia a{color: #444; display:block;}
.proview .right_info .xunjia a:hover{background:#eee;}
	/*参数切换*/
.detail_tab_group{position: relative;margin-top:20px; clear:both; width:100%;}
.detail_tab_group .tabpage{opacity: 0;height: 0;padding: 0 14px;overflow: hidden;transition: opacity 0.4s ease, height 0.4s ease;}
.detail_tab_group .tabpage.active{opacity: 1;height: auto;overflow: visible; padding-bottom:40px;}
.detail_tab_group .tabpage h3{text-align:center; font-size:20px; line-height:40px; width:180px; margin:30px auto; border:1px solid #2a748f; color:#2a748f; border-radius:4px;}
.detail_tab_group .tabpage{text-align:center;}
.detail_tab_group .tabpage img{max-width:100%;}
.tab-nav{list-style: none; padding: 0;overflow: hidden; border-bottom: 2px solid #2a748f;}
.tab-nav li{display: inline; float:right;}
.tab-nav li a{top: 1px;position: relative;display: block;float: left; padding:5px 16px; line-height:20px; border-radius: 10px 10px 0 0;background: #eee;text-decoration: none;color: grey; transition: background .2s ease, line-height .2s ease, margin .2s ease; margin-top:10px; font-size:13px; margin-left:3px;}
.tab-nav li.active a{background: #2a748f;color:#fff;margin-top: 0; line-height:30px;}



/**********************新闻中心*******************/
.newsmain{width: 92%; font: 14px/21px "微软雅黑", "Open Sans", Arial, sans-serif; color: #666; background-color: white; padding: 20px; margin: 40px auto; border-radius: 5px;}
.newsmain .newslist{}
.newsmain .newslist p{margin-bottom: 10px;}
.newsmain .newslist .hide{display: none;}
.newsmain .newslist dt{font-size: 17px; color: #2a748f; margin-bottom: 20px; margin-left: 26px; cursor: pointer;}
.newsmain .newslist dt span{float:right; color:#999; font-size:15px;}
.newsmain .newslist dt i{margin-right:6px; color:#f16128; font-size:14px;}
.newsmain .newslist dt:before{content: ""; border-color: transparent #ccc; border-style: solid; border-width: 5px 0 5px 8px; display: block; height: 0; width: 0; left: -16px; top: 17px; position: relative;}
.newsmain .newslist dd{padding: 20px; background: #FDFCFA; border-radius: 5px; border: 1px solid #F2EEE6; margin: 20px 0 30px; position: relative;}
.newsmain .newslist dd .more{float:right; color:#f16128;}
.newsmain .newslist dd:after, dd:before{bottom: 100%; left: 6%; border: solid transparent; content: ""; height: 0; width: 0; position: absolute; pointer-events: none;}
.newsmain .newslist dd:after{border-color: rgba(136, 183, 213, 0); border-color: transparent; border-bottom-color: #FDFCFA; border-width: 15px; margin-left: -15px;}
.newsmain .newslist dd:before{border-color: rgba(194, 225, 245, 0); border-color: transparent; border-bottom-color: #F2EEE6; border-width: 17px; margin-left: -17px;}

	/*新闻详情页*/
.newsview{width:100%; float:left;box-shadow: 0px 0px 3px rgba(152, 152, 152, 0.6); padding-top:40px; margin-bottom:60px; border-radius:4px; position:relative;}
.newsview h1{line-height:40px; font-size:21px; font-weight:normal; text-align:center; color:#444;}
.newsview .download_doc {position: absolute;right: 10%;}
.newsview .download_doc a{color:#fff; background:#2a748f; padding:6px 14px; border-radius:5px;}
.newsview .download_doc a:hover{background:#4ba8ca;}
.newsview .download_doc  a i{margin-right:8px;}
.newsview .info{width:100%; float:left; line-height:30px; font-size:13px; color:#999; text-align:center;}
.newsview .info span{margin-right:20px;}
.newsview .info span i{margin-right:6px;color: #2a748f;}
.newsview .content{ width:80%; margin:0 auto; overflow:hidden; padding:20px 0;}
.newsview .content p{margin:10px 0; font-size:14px; line-height:24px; text-align:justify;}
.newsview .pn{float:left; clear:both; margin:40px 0; width:100%;}
.newsview .pn li{background:#2a748f; font-size:14px; line-height:40px; color:#fff;}
.newsview .pn li a{color:#fff;}
.newsview .pn li.next{float:right; width:30%; overflow:hidden; text-align:right; padding-right:14px; border-radius: 20px 0 0 20px;}
.newsview .pn li.next i{ margin-left:11px; line-height:40px; float:left;}
.newsview .pn li.pre{float:left; width:30%; overflow:hidden; text-align:left; padding-left:14px; border-radius: 0 20px 20px 0;}
.newsview .pn li.pre i{ margin-right:11px; line-height:40px; float:right;}

/**********************应用中心*******************/
.appmain{width:100%;}
.applist{width:90%; overflow:hidden; margin:0 auto;}
.applist ul{ width:104%; overflow:hidden;}
.applist ul li{width:100%; float:left; margin:1% 0; overflow:hidden; padding-bottom:2%; border-bottom:1px solid #ddd;}
.applist ul li.pleft .litpic{float:left;}
.applist ul li.pright .litpic{float:right;}
.applist ul li .litpic{width:40%; overflow:hidden;}
.applist ul li .litpic img{width:100%;}
.applist ul li .info{width:50%; float:left; margin-left:3%; overflow:hidden;}
.applist ul li .info h4{text-align:left; font-size:24px; line-height:28px; margin:10px 0; color:#222;}
.applist ul li .info p{color:#666; font-size:15px; line-height:26px;}
.applist ul li .info a{width:48%; font-size:13px; text-align:center; display:inline-block; color:#999;}
.applist ul li .info a:hover{text-decoration:underline!important; color:#2a748f;}
.applist ul li .info a i{margin-right:6px;}

/*CONTACT US*/
.contactus{ width:100%; overflow:hidden; clear:both; background:#f9f9f9;}
.contactus .boder {display:flex;justify-content:space-between;align-items:center;}
.contactus .infos h2{padding:0 0 20px 0; font-weight:bold; font-size:17px; color:#444;}
.contactus .infos{margin: 6% 0 0 10%; width:38%; float:left;}
.contactus .boder li{line-height:24px; height:34px; font-size:14px; color:#444; width:100%; list-style-type:none;}
.contactus .boder li i{float:left; margin-right:8px; line-height:24px; width:20px; text-align:center; color:#2a748f;}
.contactus .boder > * {flex:1}
.contactus .map{width:40%; float:left; padding-left:2%; padding-bottom:20px; clear:both;}
.contactus .map img{width:100%;}
.contactus .advertage{width:30%; padding-top:8%; float:right;}
.contactus .advertage p{line-height:36px; font-size:16px; color:#444;}
.contactus .advertage p i{margin-right:8px; color:#2a748f}
.contactus .companypic{width:48%; overflow:hidden; float:right; background:#fff;}
.contactus .companypic img{width:100%;}

/*PAGE BANNER*/
.page_banner{width:100%; float:left;}
.page_banner img{width:100%;}
.page_banner .catename{position:absolute; top:0; right:10%; width:14px; padding:20px; line-height:28px; font-size:16px; background:rgba(42, 116, 143, 0.7); color:#fff; border-radius:0 0 8px 8px;}

/*LOCATION*/
.location{margin:24px auto; width:91%; clear:both; height:40px; line-height:40px; padding-top:40px;}
.location font,.location a{background:#bbb; color:#fff; padding:5px 12px; border-radius:14px 0; margin:0 4px;font-size:13px; line-height:20px;}
.location font{background:#2a748f;}
.location i{margin-right:6px;font-size:13px; line-height:20px;}
.location a:hover{background:#009999;}
.location span.tips{float:right; margin-right:1%; font-size:13px; line-height:20px; color:#aaa;}

/*SON_CATEGORY*/
.son_category{width:92%; margin:0 auto;/* border-bottom:1px solid #eee;*/ height:30px; line-height:30px;}
.son_category li{float:right; padding:0 20px; background:#eee;}
.son_category li.current{background:#2a748f;}
.son_category li a{color:#666; font-size:14px;}
.son_category li.current a{color:#fff;}

/*FOOT*/
.foot{width:100%; margin:0 auto; background:#e6e6e6; overflow:hidden;}
.foot .footmain{width:70%; margin:0 auto; overflow:hidden; padding:40px 0;}
.foot .footmain .footlogo{background:url(../images/foot_logo.png) center center no-repeat; background-size:100%; width:30%; height:100px; overflow:hidden; float:left;}
.foot .footmain .footlinks{float:left; margin-left:20%; width:40%; overflow:hidden;}
.foot .footmain .footlinks li{width:50%; float:left; overflow:hidden; line-height:26px; height:26px;}
.foot .footmain .footlinks li a{color:#222; font-size:15px;}
.foot .copyrights{width:100%; float:left; color:#fff; text-align:center; background:#283033; line-height:44px; font-size:14px;}
.foot .copyrights span{margin-left:16px;}
.foot .copyrights a{color:#fff;}

/*鼠标右键菜单*/
.contextmenu{display: none; position: absolute; width: 240px; margin: 0; padding: 0; background: #ffffff; border-radius: 5px; list-style: none; box-shadow:0 0 9px 0 rgba(0,0,0,.2); overflow: hidden; z-index: 999999;}
.contextmenu li{border-left: 3px solid transparent; transition: ease .2s;}
.contextmenu li a{display: block; padding: 10px; color: #999; text-decoration: none; transition: ease .2s; font-size:13px;}
.contextmenu li:hover{background: #2a748f; border-left: 3px solid #2d515f;}
.contextmenu li:hover a{color: #ffffff;}

/*分页*/
.pagelist{overflow:hidden;width:100%; text-align:center; height:36px;line-height:30px; margin:20px 0;}
.pagelist span,.pagelist a{ background:#2a748f; color:#fff; line-height:28px; overflow:hidden; display:inline-block; margin:0 5px;padding:0 10px;height:28px;text-align:center;line-height:28px;border-radius: 3px;}
.pagelist a{color:#999;background:#fff; border: 1px solid #ddd; box-shadow: 1px 1px 3px rgba(130, 130, 130, 0.34);}
.pagelist a:hover{color:#ffffff;text-decoration:none;background:#2a748f; border-color:#2a748f;}

li.zjmade{width: 140px;margin-left: 20px;margin-top: 60px;}
li.zjmade img{width: 100%;}